 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Unidad de Posgrado FISI</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="resources/css/pagina_principal/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="resources/css/pagina_principal/coin-slider.css" />
<link rel="stylesheet" type="text/css" href="resources/css/pagina_principal/menuprincipal.css" />
<script type="text/javascript" src="resources/js/template/cufon-yui.js"></script>
<script type="text/javascript" src="resources/js/template/cufon-titillium-600.js"></script>
<script type="text/javascript" src="resources/js/template/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="resources/js/template/script.js"></script>
<script type="text/javascript" src="resources/js/template/coin-slider.min.js"></script>
<link media="all" rel="stylesheet" type="text/css" href="resources/css/pagina_principal/all.css" />	
<script type="text/javascript" src="resources/js/index.js"></script>

</head>
<body>
<div class="main">
    <div class="header" style="padding: 0px;">
        <div class="header_resize" style="">
            <div class="logo" style="width: 100%; height: 100px">
                <img src="resources/images/template/imagenCabecera.png" width="100%" height="100%"></img>
            </div>

            <div class="clr"></div>
            <div class="slider">
                <div id="coin-slider"> <a href="#"><img src="resources/images/template/slide1.jpg" width="940" height="310" alt="" /> </a> <a href="#"><img src="resources/images/template/slide2.jpg" width="940" height="310" alt="" /> </a> <a href="#"><img src="resources/images/template/slide3.jpg" width="940" height="310" alt="" /> </a> </div>        
                <div class="clr"></div>
            </div>

        </div>
    </div>
  <div class="content" style="height: 300px; background-color: #f2f1f1 ">
    <div class="content_resize" style="height: 100%; padding: 0px; border: 1px solid gray">
      <div class="mainbar" >
        <div class="article" style=" height: 100%;">
          <h2><span>Excellent Solution</span> For Your Business</h2>
          <p class="infopost">Posted on <span class="date">11 sep 2018</span> by <a href="#">Admin</a> &nbsp;&nbsp;|&nbsp;&nbsp; Filed under <a href="#">templates</a>, <a href="#">internet</a> <a href="#" class="com"><span>11</span></a></p>
          <div class="clr"></div>          
          <div class="post_content">            
            <p><strong>Aenean consequat porttitor adipiscing. Nam pellentesque justo ut tortor congue lobortis. Donec venenatis sagittis fringilla.</strong> Etiam nec libero magna, et dictum velit. Proin mauris mauris, mattis eu elementum eget, commodo in nulla. Mauris posuere venenatis pretium. Maecenas a dui sed lorem aliquam dictum. Nunc urna leo, imperdiet eu bibendum ac, pretium ac massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Quisque condimentum luctus ullamcorper.</p>
            <p class="spec"><a href="#" class="rm">Read more &raquo;</a></p>
          </div>
          <div class="clr"></div>
        </div>               
      </div>
      <div class="sidebar" >        
          <div id="button" style="width: 100%;">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">¿Quiénes Somos?</a></li>
                    <li><a href="#">Misión y Visió</a></li>
                    <li><a href="#">Ubíquenos</a></li>
                    <li><a href="#">Docentes</a></li>
                    <li><a href="#">Costos y Horarios</a></li>
                    <li><a href="#">Contáctenos</a></li>
                    <li><a href="#">Tesis</a></li>
                    <li><a href="#">Testimonios</a></li>
                    <li><a href="#">Beneficios</a></li>
                </ul>
            </div>          
      </div>
      <div class="clr"></div>
    </div>
  </div>
    <br>
  <div>
      <div class="subtitulos"><b>Nuestras Diplomaturas</b></div>
    <div id="tabs" class="tab-section">
            <div class="tab-block">
                    <ul class="tabset">
                            <li><a id="hdr_tab1" href="#tab-1" class="tab active"><span><img src="resources/images/ico-comp.png" width="52" height="52" alt="image description" /></span><strong>Gestión de TIC</strong></a></li>
                            <li><a id="hdr_tab2" href="#tab-2" class="tab"><span><img src="resources/images/ico-product.png" width="52" height="52" alt="image description" /></span><strong>Ing. Software</strong></a></li>
                            <li><a id="hdr_tab3" href="#tab-3" class="tab"><span><img src="resources/images/ico-ajax.png" width="52" height="52" alt="image description" /></span><strong>Gestión de la Información</strong></a></li>
                            <li class="last"><a id="hdr_tab4" href="#tab-4" class="tab"><span><img src="resources/images/ico-mobile.png" width="52" height="52" alt="image description" /></span><strong>Gobierno de TI</strong></a></li>                                                       
                    </ul>
            </div>            
    </div>
  </div>
    
  <div>          

      <div class="subtitulos"><b>Nuestras Maestrías</b></div>
    <div id="tabs2" class="tab-section">        
            <div class="tab-block">
                    <ul class="tabset">
                            <li><a href="#tab-1" class="tab active"><span><img src="resources/images/ico-comp.png" width="52" height="52" alt="image description" /></span><strong>Gestión de TIC</strong></a></li>
                            <li><a href="#tab-2" class="tab"><span><img src="resources/images/ico-product.png" width="52" height="52" alt="image description" /></span><strong>Ing. Software</strong></a></li>
                            <li><a href="#tab-3" class="tab"><span><img src="resources/images/ico-ajax.png" width="52" height="52" alt="image description" /></span><strong>Gestión de la Información</strong></a></li>
                            <li class="last"><a href="#tab-4" class="tab"><span><img src="resources/images/ico-mobile.png" width="52" height="52" alt="image description" /></span><strong>Gobierno de TI</strong></a></li>                                                       
                    </ul>
            </div>            
    </div>
  </div>
    
  <div class="fbg">
    <div >
        <div>
            <div id="fb-root"></div>
                <script>(function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) return;
                js = d.createElement(s); js.id = id;
                js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
                fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));</script>
            <div class="subtitulos"><b>Búscanos en Facebook</b></div>
            <div class="fb-like-box" data-href="http://www.facebook.com/platform" data-width="960px" data-show-faces="true" data-stream="false" data-header="false"></div>
        </div>
      <div class="clr"></div>
    </div>
  </div>
    <div><br></div>
  <div class="footer">
    <div class="footer_resize">
      <p class="lf">&copy; Derechos Reservados <a href="#">GrupoTP2</a>.</p>
      <p class="rf">Diseñado por <a href="http://www.dreamtemplate.com/">GrupoTP2</a></p>
      <div style="clear:both;"></div>
    </div>
  </div>
</div>

</body>
</html>
